import { StyleSheet } from 'react-native';
import {
  APP_BLACK,
  APP_RED,
  APP_SECOND_GREY,
  APP_YELLOW
} from '../../../../../../constant/color';
import { phonePx } from '../../../../../../util/adapt';

export default StyleSheet.create({
  container: {
    height: phonePx(78),
    marginTop: phonePx(12),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    borderBottomWidth: phonePx(1),
    borderBottomColor: '#F4F4F4'
  },
  item: {
    width: phonePx(35),
    height: phonePx(60),
    alignItems: 'center',
    marginHorizontal: phonePx(7),
    borderRadius: phonePx(10)
  },
  week: {
    color: APP_SECOND_GREY,
    fontSize: phonePx(14),
    fontWeight: '500',
    marginTop: phonePx(9)
  },
  day: {
    marginTop: phonePx(7),
    lineHeight: phonePx(20),
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '700',
    width: phonePx(45),
    textAlign: 'center'
  },
  month: {
    fontSize: phonePx(12),
    lineHeight: phonePx(20)
  },
  circle: {
    backgroundColor: APP_RED,
    width: phonePx(5),
    height: phonePx(5),
    borderRadius: phonePx(2.5)
  },
  selected: {
    backgroundColor: APP_YELLOW
  },
  selectedWeek: {
    color: APP_BLACK
  }
});
